<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!--静态资源根目录-->
<c:set var="rootPath" scope="session" value="<%=request.getContextPath()%>"/>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>商家审核</title>
        <link id="bs-css" href="${rootPath}/css/bootstrap-cerulean.min.css" rel="stylesheet">
        <link href="${rootPath}/css/shop/subinfo.css" rel="stylesheet"/>
        <script type="text/javascript" src="${rootPath}/js/jquery-1.8.3.min.js"></script>
        <script type="text/javascript" src="${rootPath}/js/getcity.js"></script>
    </head>
    <body>
        <div class="topline"></div>
        <div class="title">
            恭喜您成功注册群商天下商家版，马上完善资料开始群商之旅吧！
        </div>
        <div class="sub_img">
            <img src="${rootPath}/img/shop/sub_1.png" />
        </div>
        <div class="sub_info_one">

            <div class="info_list">
                <label>店铺名 :</label>
                <input type="text" value="" class="info_input" id="shopname"/>
            </div>
            <div class="info_list">
                <label><i class="fa fa-star" style="color:red;margin:0 2px;font-size: 12px;"></i>位置 :</label>

                <select id="sel_pro" onchange="getCityList();" rel=""></select>&nbsp;
                <select id="sel_city" onchange="getAreaList();" rel="" ></select>&nbsp;
                <select id="sel_area" rel=""></select>&nbsp;
            </div>

            <div class="info_list">
                <label>商圈 :</label>
                <input type="text" value="" class="info_input" id="shopaddress"/>
            </div>

            <div class="info_list">
                <label><i class="fa fa-star" style="color:red;margin:0 2px;font-size: 12px;"></i>行业 :</label>
                <select id="cate_par" rel="" onchange="getCategoryByParent();">
                    <option value="0" selected="selected">选择类别</option>
                    <c:forEach var="item" items="${category}" varStatus="status">
                        <option value="${item.id}">${item.name}</option>
                    </c:forEach>
                </select>&nbsp;
                <select id="cate_child" rel="" >
                    <option value="0">选择类别</option>
                </select>&nbsp;
            </div>

            <input type="hidden" value="${id}" id="hiddenSellerId" />
        </div>
        <div class="sub_info_two" style="display:none;">
            <div style="font-size: 12px;margin:10px 0;"><label style="color:#e41f4a;font-size:14px;" id="nextpage_shopname">7-11便利店</label> <span id="nextpage_address">北京丰台区诺德中心7号楼605</span></div>
            <div style="font-size: 16px;margin:10px 0;">确认联系信息</div>

            <div class="info_list">
                <label><span class="glyphicon glyphicon-asterisk" style="color:#e41f4a;"></span>真实姓名 :</label>
                <input type="text" value="" class="info_input" id="truename"/>
                <span id="error_name" style="color:#e31f4a;margin-left: 10px;"></span>
            </div>

            <div class="info_list">
                <label><span class="glyphicon glyphicon-asterisk" style="color:#e41f4a;"></span>身份证号 :</label>
                <input type="text" value="" id="idnumber" class="info_input"/>
                <span id="error_idnumber" style="color:#e31f4a;margin-left: 10px;"></span>
            </div>
            <div class="info_list">
                <label><span class="glyphicon glyphicon-asterisk" style="color:#e41f4a;"></span>手机号码 :</label>
                <input type="text" value="" id="mobile" class="info_input"/>
                <span id="error_mobile" style="color:#e31f4a;margin-left: 10px;"></span>
            </div>
            <div class="info_list">
                <label><span class="glyphicon glyphicon-asterisk" style="color:#e41f4a;"></span>电子邮件 :</label>
                <input type="text" value="" id="email" class="info_input"/>
                <span id="error_email" style="color:#e31f4a;margin-left: 10px;"></span>
            </div>
            <div class="info_list">
                <label><span class="glyphicon glyphicon-asterisk" style="color:#e41f4a;"></span>上传身份证 :</label>
                <div class="upimg">
                    <img src="${rootPath}/img/defimg.png" id="uploaded_img_idnumber" class="upedimg"/>
                    <span>请上传营业执照正面照片<br>
                        (《个体工商户营业执照》或《企业法人营业执照》)<br>
                        支持jpg,png,gif,bmp格式的图片文件，图片大小不大于1M
                    </span>
                    <form method="POST" action="" id="upload_idnumber" enctype="multipart/form-data">             
                        <input type="file" name="file"><input type="hidden" name="name">  
                        <input type="hidden" value="" id="hiddenID" />
                        <input type="button" id="upload_idnumber_button" value="上传"> 
                    </form>
                </div>
                <div class="clear"></div>
                <input type="hidden" value="" id="up_id_number_img" class="info_input"/>
                <span id="error_id_img" style="color:#e31f4a;margin-left: 10px;"></span>
            </div>
            <div class="clear"></div>
            <div class="info_list">
                <label>上传营业执照 :</label>
                <div class="upimg">
                    <img src="${rootPath}/img/defimg.png" id="uploaded_license_img" class="upedimg"/>
                    <span>请上传营业执照正面照片<br>
                        (《个体工商户营业执照》或《企业法人营业执照》)<br>
                        支持jpg,png,gif,bmp格式的图片文件，图片大小不大于1M
                    </span>
                    <form method="POST" action="" id="upload_license" enctype="multipart/form-data">             
                        <input type="file" name="file"><input type="hidden" name="name"> 
                        <input type="hidden" value="" id="hiddenLicense">
                        <input type="button" id="upload_license_button" value="上传"> 
                    </form>
                </div>
                <div class="clear"></div>
                <input type="hidden" value="" id="up_id_license_img" class="info_input"/>
                <span id="error_license_img" style="color:#e31f4a;margin-left: 10px;"></span>
            </div>
        </div>
        <div class="sub_info_three" style="display:none;">
            正在审核中，预计审核周期10天，请等待业务人员与您联系
        </div>
        <div class="sub_button">
            下一步
        </div>
    </body>
    <script type="text/javascript" src="${rootPath}/js/pages/shop/subinfo.js"></script>
</html>
